<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分享-列表</title>
    <link rel="stylesheet" href="css/base.css" />
    <style>
        body{font-size: 10px;width: 480px;}

        .share-container{background-image: url("img/share/back-01.png");background-size: 100%;padding-top: 24px;background-repeat: no-repeat;background-size: cover;}
        .tc-pro-container-top{width: 92.1875%;margin: auto;box-shadow: 2px 2px 50px #888888;border-radius: 0 0 100px 0;overflow: hidden;background-color: white;}
        .pro-item{width: 94.915%;margin: auto;padding-top: 15px;}
        .pro-items{width: 48.5%;padding-bottom: 23.5px;}
        .pro-items:nth-child(2n-1){margin-right: 3%;}
        .pro-items-img{width: 100%;}
        .pro-items-t{font-size: 2.4rem;line-height: 3.3rem;font-family: 微软雅黑;color: #393939;margin-top: 10px;font-size: 18px;line-height: 24.75px;}

        .share-sm{margin-top: 31px;padding-bottom: 48.5px;}
        .share-sm-top{width: 100%;margin: auto;text-align: center;}
        .share-t{text-align: center;font-family: 微软雅黑;width: 84.375%;margin: auto;}
        .share-t1{font-size: 3rem;line-height: 6.2rem;color: #393939; font-size: 22.5px;line-height: 46.5px;}
        .share-t2{font-size: 2.1rem;line-height:5.6rem;color: #393939; font-size: 15.75px;line-height: 42px; }
        .share-t4{font-size: 1.7rem;line-height:5.6rem;color: #393939; font-size: 12.75px;line-height: 42px; }
        .about-tel-fr-t3-fr-img{width: 25%;}
        .share-sm-top-img{cursor: pointer;}
        @media screen and (min-width:481px){body,html{font-size:2px;}}
    </style>
</head>

<body>

<div class="share-container" id="share_container">
    <div class="tc-pro-container-top clearfix">
        <div class="pro-item clearfix">
            <div class="pro-items fl">
                <img class="pro-items-img" src="img/pro/pro-d1-01.png" />
                <div class="pro-items-t">北欧伊姆斯餐椅洽谈书桌椅靠背凳子现代简约家用椅子</div>
            </div>
            <div class="pro-items fl">
                <img class="pro-items-img" src="img/pro/pro-d1-01.png" />
                <div class="pro-items-t">北欧伊姆斯餐椅洽谈书桌椅靠背凳子现代简约家用椅子</div>
            </div>
            <div class="pro-items fl">
                <img class="pro-items-img" src="img/pro/pro-d1-01.png" />
                <div class="pro-items-t">北欧伊姆斯餐椅洽谈书桌椅靠背凳子现代简约家用椅子</div>
            </div>
            <div class="pro-items fl">
                <img class="pro-items-img" src="img/pro/pro-d1-01.png" />
                <div class="pro-items-t">北欧伊姆斯餐椅洽谈书桌椅靠背凳子现代简约家用椅子</div>
            </div>
            <div class="pro-items fl">
                <img class="pro-items-img" src="img/pro/pro-d1-01.png" />
                <div class="pro-items-t">北欧伊姆斯餐椅洽谈书桌椅靠背凳子现代简约家用椅子</div>
            </div>
            <div class="pro-items fl">
                <img class="pro-items-img" src="img/pro/pro-d1-01.png" />
                <div class="pro-items-t">北欧伊姆斯餐椅洽谈书桌椅靠背凳子现代简约家用椅子</div>
            </div>
        </div>

    </div>

    <div class="share-sm">
        <div class="share-sm-top"><img class="share-sm-top-img" src="img/share/fot-01.png " /></div>
        <div class="share-t">
            <div class="share-t1">宁波创领网络科技有限公司</div>
            <div class="share-t2">TEL : 0000-0000 0000&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fax : 0000-0000 0000</span></div>
            <div class="share-t2">ADD : 浙江省宁波市海曙区丽园北路668号美丽园大厦602</div>
            <div class="share-t3"><img class="about-tel-fr-t3-fr-img" src="img/index/p06-01.png" /></div>
            <div class="share-t4">扫描二维码了解更多</div>
        </div>
    </div>
</div>


<script src="js/jquery.min.js"></script>
<script src="js/canvas/html2canvas.min.js"></script>
<script src="js/canvas/canvas2image.js"></script>
<script src="js/canvas/base64.js"></script>
<script>
    var str = $('#share_container');
    html2canvas([str.get(0)], {
        onrendered: function (canvas) {
            var image = canvas.toDataURL("image/png");
            var pHtml = "<img class='need'  src=" + image + " />";
            $('body').html(pHtml);
        }
    });

</script>
</body>
</html>